Les langages du Web

Derrière le web, il y a des langages informatiques qui sont interprétés directement dans les navigateurs.

Le HTML

Le HyperText Markup Language, généralement abrégé HTML est ce qui correspond au squelette d’une page web. C’est la structuration du document. Le HTML est structuré par des balises.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Le CSS

Les feuilles de style en cascade, généralement appelées CSS de l’anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML. Le CSS définit le style et le positionnement des éléments sur la page.

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

Canvas

Depuis HTML5, on peut directement dessiner dans le navigateur web. Avec Canvas en mode raster (pixels)

Ce code

<canvas id="myCanvas2" width="100" height ="100" style="border:1px
solid #000000; background-color: steelblue;"></canvas>

donne ceci :

SVG

Le format SVG (Scalable Vector Graphics) est un format de données conçu pour décrire des ensembles de graphiques vectoriels. C’est le format qu’on utilise dans le logiciel Inkscape.

Ce code

<svg viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg">
  <rect x="0" y="0" width="100px" height="100px" fill="#F2CD3B" stroke="#06000C" />
</svg>

donne ceci :

Attention, les coordonnées [0,0] sont en haut à gauche.

Le JavaScript

C’est le langage de script du navigateur.

Les langages du Web Derrière le web, il y a des langages informatiques qui sont interprétés directement dans les navigateurs. Le HTML Le HyperText Markup Language, généralement abrégé HTML est ce qui correspond au squelette d’une page web. C’est la structuration du document. Le HTML est structuré par des balises . <!DOCTYPE html > < html > < head > < title > Page Title </ title > </ head > < body > < h1 > This is a Heading </ h1 > < p > This is a paragraph. </ p > </ body > </ html > Le CSS Les feuilles de style en cascade, généralement appelées CSS de l’anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML. Le CSS définit le style et le positionnement des éléments sur la page. body { background-color : lightblue ; } h1 { color : white ; text-align : center ; } p { font-family : verdana ; font-size : 20 px ; } Canvas Depuis HTML5, on peut directement dessiner dans le navigateur web. Avec Canvas en mode raster (pixels) Ce code < canvas id = "myCanvas2" width = "100" height = "100" style = "border:1px solid #000000; background-color: steelblue;" ></ canvas > donne ceci : SVG Le format SVG (Scalable Vector Graphics) est un format de données conçu pour décrire des ensembles de graphiques vectoriels. C’est le format qu’on utilise dans le logiciel Inkscape . Ce code < svg viewBox = "0 0 1000 100" xmlns = "http://www.w3.org/2000/svg" > < rect x = "0" y = "0" width = "100px" height = "100px" fill = "#F2CD3B" stroke = "#06000C" /> </ svg > donne ceci : Attention, les coordonnées [0,0] sont en haut à gauche. Le JavaScript C’est le langage de script du navigateur.